<!--
* @author wn
* @date 2022/08/05 11:08:01
* @description: 购物车 有效商品为空  占位 UI  组件
!-->
<template>
	<div class="cart-none">
		<img src="~@/assets/images/none.png" alt="" />
		<p>购物车内暂时没有商品</p>
		<xtx-button type="primary" @click="$router.push('/')">
			去首页逛逛
		</xtx-button>
	</div>
</template>
<script>
export default {
	name: 'CartNone',
}
</script>
<style scoped lang="less">
.cart-none {
	padding: 150px 0;
	background: #fff;
	text-align: center;
	img {
		width: 180px;
	}
	p {
		color: #999999;
		margin: 20px 0;
	}
}
</style>
